<template>
	<h2 class="title">
		{{title}}
		<slot name="titleBtn"></slot>
	</h2>
</template>

<script>
    export default {
        name: "title",
		props: ["title"]
    }
</script>

<style scoped>
.title{
    margin-top: 28px;
    margin-left: 8px;
    font-family: Source Han Sans CN;
    font-weight: 600;
    color: #181d2b;
    font-size: 16px;
    position: relative;
    padding-left: 10px;
    line-height: 16px;
}
.title::before{
    content: ' ';
        display: block;
        position: absolute;
        left: 0;
        width: 3px;
        height: 16px;
        background-image: linear-gradient(90deg, #0084d5 0%, #49b6e7 100%);
}
</style>
